/* Style.css */
*{ margin:0; padding:0; border:none; list-style:none;}
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif; background:#fff; color:#000;}
body, html {
	font-size: 100%;
	padding: 0;
	margin: 0;
}
img{border:none;border:0;}
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:visited{ color:#333;}
a:hover{ color:#193892;}
a:focus {outline:0; } 
input,input:focus{outline:none;text-indent:5px}
select,select:focus{ outline:none;}
h1,h2,h3,h4{ font-weight:normal;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*ͨ�õ���*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden; color:#fff; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.fm{ float:left;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.transit{
	webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/* Reset */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.w1200{ width:1200px; margin:0 auto;} 
body {
	font-family: 'microsoft yahei', Calibri, Arial, sans-serif;
	color: #fff;
}
a {
	color: #f0f0f0;
	text-decoration: none;
}
a:hover {
	color: #000;
}
.main, .container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em 3.125em 1.875em;
	background-color:transparent!important
}
.container > header {
	padding: 2.875em 1.875em 1.875em;
	background-color:transparent!important
}
.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
	background-color:transparent!important
}
.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}
.container > header nav {
	float: right;
}
.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}
.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}
.container > header nav a:hover:after {
	opacity: 1;
}
.container > header nav a:hover {
	background: #47a3da;
}
.container > header nav a:hover:before {
	color: #fff;
}
.icon-drop:before {
	content: "\e000";
}
.icon-arrow-left:before {
	content: "\f060";
}
/* ����ͼƬend */


/*---------------------------------------------------------------------------------------------------------------�Ҳർ��----------*/
nav a {
  color: #f06060;
  text-decoration: none;
  -moz-transition: 0.1s all ease-in-out;
  -o-transition: 0.1s all ease-in-out;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
}
.colorchange {
  color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

nav {
  background:rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  font: 14px Rokkitt;
  padding: 10px 30px 20px;
  position: fixed;
  top: 0;
  left: 0;
  text-transform: uppercase;
  width: 100%;
  z-index:9999;
}
#userPLink {
  position: relative;
}
#userPLink img{ width:140px; height:40px;}
.m_nav{ position:static; width:360px; position:absolute; left:50%; margin-left:-150px; top:0;}
.m_nav a{ color:#fff; display:inline-block; height:56px; width:90px;  text-align:center; background-color:#ccc; margin:0; float:left; transition:all 0s;}
.m_nav a.one{ background:url(../images/t_nav1.png) no-repeat center 0;}
.m_nav a.two{ background:url(../images/t_nav.png) no-repeat center 0;}
.m_nav a.three{ background:url(../images/t_nav3.png) no-repeat center 0;}
.m_nav a:hover{ background-position:0 -56px;}
nav a, #sideMenu {
  margin: 0 10px 0 0;
  text-shadow: 1px 1px 2px #212121;
  cursor:pointer;
} 
#userMenuToggle {
  position: absolute;
  right: 0;
}
ul#userMenu {
  background: #202020;
  list-style: none;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
}
#userMenu li {
  display: block;
  padding: 5px 10px;
  text-align: left;
  width: 150px;
}
ul#userMenu li a::after {
  content: attr(title);
}
#userMenu li a:hover, #sideMenuContainer > a:hover {
  padding-left: 3px
}

#scrollingNews {
  color: #fcfcfc;
}

#sideMenu {
  color: #f06060;
  float: right;
  z-index: 5;
  position:relative;
  right:0;
  top:-34px;
}
.sp_nav span{width:50px; float:right;cursor:pointer;height:30px;}
.sp_nav span i{display:block;background:#c9141e;width:30px; height:4px; background:url(../images/nav_w.png) no-repeat left 0; position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span i:nth-of-type(1){top:0px}
.sp_nav span i:nth-of-type(2){top:10px}
.sp_nav span i:nth-of-type(3){top:20px}
.sp_nav_se span i:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span i:nth-of-type(2){width:0}
.sp_nav_se span i:nth-of-type(3){top:10px;transform:rotate(-45deg)}
#sideMenuContainer {
  background: #202020;
  height: 100%;
  padding: 10px;
  position: fixed;
  top: 56px;
  right: -200px;
  width: 200px;
  z-index: 88;
}
#sideMenuContainer h2 {
  color: #fcfcfc;
  font: 16px 'PT Sans', Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#sideMenuContainer > a {
  display: block;
  padding: 0px 10px 0;
  color:#fff;
  border-bottom:1px #555 solid;
  height:40px;
  line-height:40px;
  margin-top:18px;
  font-size:14px;
}
#sideMenuContainer > a.first{
	margin-top:10px;
}

#logo {
  display: block;
  font: 700 48px Helvetica, Arial, sans-serif;
  letter-spacing: 10px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  top: 100px;
  left: 0;
}
#logo span {
  display: block;
  font-size: 12px;
  letter-spacing: 7.5px;
}

#sourceCode {
  position: absolute;
  top: 50%;
  margin: 0 auto;
}
/*---------------------------------------------------------------------------------------------------------------�Ҳർ��end ----------*/
.footer{ padding:4px 0; margin-bottom:10px;  position:fixed; bottom:0; left:0;  color:#fff;  font-family: "microsoft yahei"; font-size:13px; line-height:30px;z-index:10;}
.footer a,.footer span{ display:block; float:left; height:19px; line-height:19px; color:#fff;}
.footer .cp { width:110px; background:url(../images/cp.png) no-repeat left 0;}
.footer .wzdt{ width:52px; background:url(../images/wzdt.png) no-repeat left 0;}
.footer .ft_dz{ width:242px; background:url(../images/ft_dz.png) no-repeat left 0; line-height:19px; padding-left:40px;}
.footer p .links_tit{ width:66px; background:url(../images/links.png) no-repeat left 0;}
.footer a:hover{ text-decoration:underline; color:#fff;}
.footer span{ padding:0 10px;}
.footer p{ margin-top:30px;}

/* ��ҳ end */


/* ��˾���� */
.bg_add{ color:#fff; font-family:"microsoft yahei"; }
.bg_about{ background:url(../images/bg.jpg) repeat; color:#fff; font-family:"microsoft yahei"; }
.bg_header .sp_header{ background-color:rgba(225,225,225,0.4); box-shadow: 0 0 3px 0px rgba(255,255,255,0.3);}
.bg_header .sp_header .m_nav a{ color:#fff;}
.bg_header .sp_nav span{ background-image:url(../images/nav_w.png);}
.about_head{ padding:213px 0 130px; background:url(../images/about_top.jpg) no-repeat center 0;}
.head_title{ width:100%; height:106px; background:url(../images/about_1.png) no-repeat center 0;}
.smal_title{ width:348px; line-height:70px; margin:60px auto 32px; text-align:center; position:relative; font-size:24px;}
.smal_title:before{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:1px;
	background:#fff;
}
.smal_title:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:1px;
	background:#fff;
}
.about_head p, .jishu p{ font-size:16px; text-indent:32px; line-height:30px;}
.about_head p.last_p{ margin-top:24px;}

.public_title h1{ font-weight:normal; font-size:32px; text-align:center; color:#fff; text-transform:uppercase; margin-top:40px; line-height:32px;}
.public_title h3{ font-size:32px; text-align:center; line-height:32px; width:314px; margin:25px auto; position:relative; font-family:myfont;}
.public_title h3:before{
	content:'';
	position:absolute;
	top:15px;
	left:0px;
	width:36px;
	height:2px;
	background:#fff;
}
.public_title h3:after{
	content:'';
	position:absolute;
	top:15px;
	right:0px;
	width:36px;
	height:2px;
	background:#fff;
}
.jishu .p_center{ margin:24px 0;}
.jiazhi ul{ padding-top:30px;}
.jiazhi ul li{ width:33.33%; text-align:center; float:left; line-height:30px;}
.jiazhi ul li h2{ font-size:18px; margin-top:18px;}
.jiazhi .last_p{  background:url(../images/jiazhi4.png) no-repeat center 0px; width:710px; padding:59px 0 41px; margin:35px auto 0;}
.jiazhi .last_p p{ text-align:center; height:90px; line-height:30px; font-size:16px;}
.culture{ background:url(../images/wenhua_1.jpg) repeat-y center 0px; padding-top:40px;}
.culture .content{  text-align:center; margin:20px 0; padding:0; background:url(../images/bg.jpg) repeat-x; height:80px; margin-top:40px;} 
.culture .content h4{ font-size:18px; line-height:35px; }
.culture .content p{ font-family:"����";}
.culture div.first{ margin:0; height:60px;}
.footer_wrap{ margin-top:45px;}
.footer_nav{ text-align:center;}
.footer_nav a{ 
	font-family:myfont; 
	color:#fff;
	height:54px;
	line-height:54px;
	margin:0 20px;
    display: inline-block;
}
.footer_nav .f_logo{ width:128px; height:54px; background:url(../images/footer_logo.png) no-repeat center; color:#000;}
.f_info { background:url(../images/f_line.png) no-repeat center 15px; margin-top:30px;}
.f_info li{ float:left; color:#f7af36; margin:0 50px; text-align:center;}
.f_info li p{ margin-top:7px;}
.f_info ul li.first{ margin-left:72px;}
.copy{ text-align:center; font-family:myfont; font-size:14px; margin-top:42px; padding-bottom:26px;}
.copy span{ padding:0 16px;}
.copy a{ color:#fff;}
.copy a:hover{ text-decoration:underline;}
/* ��˾����end */


/*�����б�*/
.banner{ width:100%; height:600px; overflow:hidden; background:url(../images/banner1-1.jpg) no-repeat center 0px; margin-top:-22px;}
.current{}
.current div{  color:#5d5d5d; border-bottom:1px dotted #555; height:40px; line-height:40px;}
.current a{ color:#5d5d5d;}
.news_wrap dl{ margin:30px 0 40px 10px;}
.news_wrap dl dd{ float:left; padding:0 40px;}
.news_wrap dl dd a{ color:#fff; line-height:46px;}
.news_wrap dl .first a{ font-size:24px;}
.news_wrap dd a{ font-size:18px; display:inline-block; position:relative;}
.news_wrap dd a:after{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:2px;
	background:#f7af36;
}
.news_wrap dd a.on:after{ width:40px;}
.news_wrap dd a:hover, .news_wrap dd a.on{ color:#f7af36;}
.news_list{ position:relative; padding-bottom:20px;}
.news_list ul{ width:100%; min-height:900px; overflow:hidden;}
.news_list ul .news_li{ height:363px; position:relative;}/* �ָ��� */
.news_list ul .news_li:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:59px;
	width:1px;
	height:45px;
	background:#f7af36;
}
.news_list li{ height:318px; border-bottom:1px solid #f7af36;}
.news_list .number{ width:60px; height:100%; border-right:1px solid #f7af36; float:left}
.news_list .number p{ width:30px; height:36px; background-color:#f7af36; color:#333; text-align:center; line-height:36px; margin-left:30px; margin-top:141px;}
.news_list .news_img { margin:32px 60px 0 30px;}
.news_list .news_img img{ width:336px; height:228px;}
.news_list .news_con{ width:706px; margin-top:32px;}
.news_list .news_con h1{ margin:5px 0 3px; font-size:20px;}
.news_list .news_con h1 a{ color:#fff;}
.news_list .news_con h1 a:hover{ color:#f7af36}
.news_list .news_con p{ line-height:24px; font-size:14px;}
.news_list .news_date{ font-size:14px; margin-top:23px; color:#ccc;}
.news_list .news_date .more{ display:inline-block; float:right; margin-right:132px;}
.news_list .news_date .more a:hover{ color:#f7af36;}

/*�����б� end */

/*ҳ�� */
.page_wrap{float:left; position: relative;left: 50%; margin-top:52px; margin-bottom:34px; }
.page{display:block; position: relative;left: -50%;}
.page a,.page .nolink{
	color:#999;
    padding:10px 15px;
    text-decoration:none;
    transition: all .2s;
    border:1px solid #999;
	border-radius:2px;
	margin:3px 10px;
	}
.page .nolink, .page span{ color:#999;}
.page .cur {
	padding:10px 15px;
    color:#333;
    border:1px solid #fff; 
	background-color:#fff;
	border-radius:2px;
}
.page-box{ padding-bottom:10px;}
.page a:hover { color:#333; background-color:#fff;}
.page-box  div.hei_e{ font-size:14px;}
.page-box div.hei_e a{ padding:10px 15px; margin-right:10px;}
.page-box div.hei_e span.disabled, .page-box div.hei_e span.current{ padding:10px 15px; color:#999; margin-right:10px;}
.page-box div.hei_e span{ padding-right:10px;}
.page-box div.hei_e a:hover{ padding:10px 15px; border-color:#f7af36; margin-right:10px; color:#f7af36;}

/*ҳ��end */

/*  �������� */
.main_title h1{ height:30px; line-height:30px; font-size:30px; color:#fff; text-align:center; margin:40px 0 25px;}
.main_info{ text-align:center; color:#b2b2b2; height:14px; line-height:14px;}
.main_info span{ padding:0 11px;}
.main_info a{ color:#f7af36;}
.main_content{ line-height:200%; padding:30px 0;}
.prev_next{ width:100%;  margin-top:10px;}
.prev_next li{ display:block; width:40%; height:36px; overflow:hidden; line-height:36px; color:#ccc;}
.prev_next li a{ color:#fff;}
.prev_next li a:hover{ color:#f7af36}
.photos{ margin:50px 0 0;}
.photos .title{ border-bottom:2px solid #707070; padding-bottom:20px;}
.photos .title p, .photos_wrap .title p{ background:url(../images/photo_t.png) no-repeat center; width:126px; height:45px; display:inline-block; margin-right:10px;}
.photos .title span, .photos_wrap .title span{ display:inline-block; background:url(../images/photo_car.png) no-repeat; width:50px; height:27px; display:inline-block;}
.photos ul{ width:110%; margin-top:30px;  padding-bottom:14px;}
.photos .baguetteBoxOne {
	width:1200px; 
	margin:40px auto 0 auto;
}
.photos  .gallery a {
    width:227px; 
	height:156px;
    display: inline-block;
    overflow: hidden;
    margin:0 12px 10px 0;
    box-shadow: 0 0 4px -1px #000;
}
/* ��������end */


/*  ������Դ */
.bg_add{ background-color:#0a0a0a;}
.bg_footer{ padding-top:30px; background-color:#0a0a0a;}
/*  ������Դend */

/*  ԤԼ�Լ� */
.main_wrap{ background:url(../images/shijia_2.jpg) no-repeat center -10px;}
.shijia_banner{ background:url(../images/shijia_1.jpg) no-repeat  center 0px; height:809px;}
.form_wrap{}
.form_t{ background:url(../images/form_t.png) no-repeat right center; height:97px; width:1000px; margin:0 auto; position:relative; z-index:999; }
.form_b{ background:url(../images/form_k.png) no-repeat center 0px; width:1000px; height:231px; margin:-20px auto 0; padding-top:54px; padding-left:50px;}
.form_b table td{ height:50px;}
.form_b table td input[type="text"]
{
  width:150px;
  height:30px;
}
.form_b .inp_btn{ width:300px; height:60px; background:url(../images/inp_btn.png) no-repeat center 0px; cursor:pointer;}
.form_b .rad_inp{ margin-right:30px; margin-left:10px;}
.form_b h1{ background:url(../images/form_txt.png) no-repeat left bottom;  height:35px;}
.photos_wrap{ background:url(../images/shijia_4.png) no-repeat center 18px; margin-top:40px;}
.photos_wrap .title{ margin-left:42px; margin-top:0;}
.photos_wrap ul { margin:35px 0 14px;}
.photos_wrap .gallery {
    text-align: center;
}
.gallery:after {
    content: '';
    display: block;
    height: 2px;
    margin: .5em 0 1.4em;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);
}

.gallery img {
    height: 100%;
}

.gallery a {
    width:227px; 
	height:156px;
    display: inline-block;
    overflow: hidden;
    margin:0 16px 10px 0;
    box-shadow: 0 0 4px -1px #000;
}

.baguetteBoxOne {
	width:1020px; 
	margin:40px auto 0 auto;
}
/*  ԤԼ�Լ� end*/


/*  ��ϵ����  */
.contact_banner{ background:url(../images/contact_b.jpg) no-repeat center 0px; margin-top:-22px;}
.contact_wrap h1{ font-size:30px; color:#fff; text-align:center; line-height:30px; margin:50px 0 58px;}
.contact_wrap .info{ border-left:1px dashed #555555; width:110%; margin-bottom:20px;}
.contact_wrap .info li{ float:left; width:298px; height:230px; padding:24px 0 12px; border:1px dashed #555555; border-left:none; text-align:center;}
.contact_wrap .info .ico{ width:58px; height:58px; background:url(../images/ico1.png) no-repeat center; border:1px solid #555555; margin:0 auto;}
.contact_wrap .info .ico2{ background:url(../images/ico2.png) no-repeat center; }
.contact_wrap .info .ico3{ background:url(../images/ico3.png) no-repeat center;}
.contact_wrap .info .ico4 img{ width:58px; height:58px;}
.contact_wrap .info h2{ font-size:20px; font-weight:bold; line-height:20px; color:#c5c5c5; text-align:center; margin:10px 0 15px;}
.contact_wrap .info .line{ width:60px; height:2px; background:url(../images/line.png) no-repeat center 0; margin:0 auto 20px;}
.contact_wrap .info  a{ display:block; width:90px; height:30px; line-height:28px; color:#fff; margin:0 auto; border-radius:4px; background-color:#db1820;}
.message{ margin:130px 0 80px;}
.message .message_l{ width:600px; height:448px; background-color:#ccc;}
.message h2{ position:relative; padding-bottom:10px; margin-bottom:21px;}
.message h2:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:30px;
	height:3px;
	background-color:#f7af36;
}
.message_r ul li{ margin-bottom:25px;}
.message_r ul li.fr{ margin-left:30px;}
.message_r p{ font-size:16px; color:#dddddd; margin-bottom:16px;}
.message input[type="text"]{
	background-color:transparent;
	border:1px solid #555555;
	color:#888;
	height:48px;
	width:268px;
	text-indent:20px;
}
.message textarea{ background-color:transparent; border:1px solid #555555; color:#888; outline:none; resize:none; width:570px; height:130px; padding:10px 20px; }
.message .inp_btn{ width:220px; height:50px; border-radius:25px; background-color:#f7af36; color:#111111; font-size:16px; font-family:"microsoft yahei"; margin-top:16px;}
/*  ��ϵ���� end*/

/*  ȫ������  */
.pro_banner{ background:url(../images/p_banner02.jpg) no-repeat center 0px;}
.title{ margin-top:40px; line-height:36px;}
.title h1 span{ font-size:16px; color:#555;}
.title li{ float:left;text-align:center; line-height:36px; margin-left:30px;}
.title li a{ display:block; color:#333;  background-color:#f7af36; width:98px; height:36px; }
.title li a:hover, .title li a.on{ border:1px solid #f7af36; background-color:transparent; color:#f7af36;}
.product_list ul{ width:110%; zoom:1;}
.product_list ul li {
    position: relative;
    width: 375px;
    float: left;
    margin: 20px 13px;
}
.product_list li .con_box a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 1px 1px 5px 1px rgba(255,255,255,0.35);
}
.con_box a .img_box {
    width: 375px;
    height: 250px;
    overflow: hidden;
}
.con_box a img{ width:375px; height:250px;}
.con_box a .txt {
    position: relative;
    width: 100%;
    height: 100px;
    background: #f5f5f5;
    padding: 10px 15px 20px;
    box-sizing: border-box;
    text-decoration: none;
}
.con_box a .txt h2 {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 5px;
    text-decoration: none;
	color:#333;
	font-weight:bold;
}
.con_box a .txt p {
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    overflow: hidden;
	color:#333;
}
.con_box a .txt p span {
    display: block;
    margin-right: 8px;
    color: #999;
}
.con_box a:hover .txt{
	text-decoration:none;
	background:#f7af36;
}
.product_list li .more{
	position: absolute;
    bottom: 20px;
    right: 10px;
}
.product_list li .more a{
    display: block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    background: #f54337;
    color: #fff;
    text-align: center;
}

.product_list ul li a:hover{
	box-shadow: 1px 1px 10px 1px rgba(255,255,255,0.35);
}
.product_list ul li a:hover .txt h2,
.product_list ul li a:hover .txt p,
.product_list ul li a:hover .txt p span{
	color:#fff;
}
.product_list .page_box{
	text-align:center;
	padding-top:30px;
	clear:both;
}
.product_list .page_box .pagr_inner{
	display:table;
	margin:0 auto;
}
.product_list .page_box .btn{
	display:block;
	width:60px;
	height:40px;
	line-height:40px;
	border:2px solid #999;
	cursor:pointer;
}
.product_list .page_box .btn span,.pro_list .page .btn a{
	color:#333;
}
.product_list .page_box .btn:hover{
	background:#999;
}
.product_list .page_box .btn:hover span,..product_list .page_box .btn:hover a{
	color:#fff;
}
.product_list .page_box .page_num{
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	font-size:16px;
	border:2px solid #999;
	margin:0 15px;
}
/*  ȫ������ end */


/* ���ͽ��� */
.detail_wrap .title .fr a{ color:#f7af36;}
.detail_wrap .title .fr a:hover{ color:#fff;}
.section4{ padding:20px 0; }
.section h1{ text-align:center; position:relative; height:20px; line-height:20px;}
.section h1:after{
	content:'';
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	height:1px;
	background-color:#fff;
	z-index:1;
}
.section h1 p{ background-color:#0a0a0a; width:120px; height:20px; position:absolute; z-index:99; left:50%; margin-left:-60px;}
.cartype .top{ margin-top:35px;}
.cartype .top .fl{ width:530px; height:300px; overflow:hidden;}
.cartype .top .fl img{ width:530px; height:353px;}
.cartype .top .fr{ width:640px; margin-top:70px;}
.cartype .bottom ul{ width:110%; margin-top:35px;}
.cartype .bottom ul li{ width:360px; float:left; margin-right:60px;}
.cartype .bottom ul li img{ width:360px; height:200px;}
.cartype .bottom ul li h3{ font-size:16px; line-height:16px; margin:12px 0 10px;}
.cartype .bottom ul li h3 p{ font-size:14px; line-height:24px;}
.section .hd{ border-bottom:1px solid #272727; margin-bottom:20px; }
.section .hd ul{  width:280px; padding:0 40px; height:40px; background-color:#272727; margin:0 auto;}
.section .hd ul li{ float:left; cursor:pointer; width:100px; text-align:center; line-height:40px; position:relative; }
.section .hd ul li.on{ background-color:#f7af36;}
.section .hd ul li.on:after{
	content:'';
	position:absolute;
	left:43px;
	bottom:-9px;
	width:14px;
	height:9px;
	background:url(../images/arrow.png) no-repeat center;
}
.section .bd ul{ width:110%;}
.section .bd li{ width:380px; height:286px; float:left; margin:0 30px 20px 0;}
.section .bd li img{ width:380px; height:286px;}
.car_img{ margin:30px 0 40px;}
.section table{ border-width: 1px; border-color: #666666; border-collapse: collapse; width:1198px; margin:20px 0 40px; }
.section td{border-width: 1px; padding: 8px; border-style: solid; border-color: #666666;}
.section .btn{ background:url(../images/fxp.png) no-repeat center 0; padding-top:86px; margin-top:16px; text-align:center;}
.section .btn a{ display:block; width:92px; height:28px; line-height:28px; margin:18px auto; background-color:#d99a31; text-align:center;}
.section .btn p{ font-size:16px;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}/*  ��Ʒ����ҳ��ͼƬչʾ  */
#playBox{ width:1200px; height:666px; margin-top:20px;  position:relative; overflow:hidden;}
#play_b{ width:1000px; height:666px; position:relative; margin:0 auto; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay dd{ float:left;}
#playBox .oUlplay dd img{ width:1000px; height:666px;}
#playBox .pre{ cursor:pointer; width:68px; height:68px; background:url(../images/l.png) no-repeat; position:absolute; top:299px; left:0px; z-index:10;}
#playBox .nxt{ cursor:pointer; width:68px; height:68px; background:url(../images/r.png) no-repeat; position:absolute; top:299px; right:0px; z-index:10;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10; display:none;}
#playBox .smalltitle dl{ width:120px; margin:0 auto;}
#playBox .smalltitle dl dd{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#5bc217;}
.nav_x{ width:100%; height:100px; background:#f1f1f1;}
/* ���ͽ���end */


/*  ������Դ */
.add_banner{ height:500px;  background:url(../images/add_banner.jpg) no-repeat center 0px;}
.team{ margin:40px 0;}
.team .team_l{ width:570px; height:400px; background-color:#ccc; margin-right:30px;}
.team .team_l img{ width:570px; height:400px;}
.team .team_r h1{ font-family:Arial, Helvetica, sans-serif; font-size:28px; position:relative; padding-bottom:15px;}
.team .team_r h1:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	width:100px;
	height:1px;
	background:#555;
}
.team_r h2{ font-size:24px; line-height:24px; margin:25px 0 30px;}
.team_r p{ font-size:16px; line-height:48px;}
.team_r a{ color:#f7af36; width:136px; height:46px; display:block; float:right; border:1px solid #f7af36; border-radius:4px; line-height:46px; text-align:center; margin-top:10px;}
.team_r a:hover{ background-color:#f7af36; color:#333;}
.text { margin:40px 0;}
.text img{ display:block; margin:0 auto;}
.text h1, .fuli h1{ font-size:28px; text-align:center; line-height:28px; margin-bottom:30px;}
.job_list{ margin-bottom:40px;}
.job_list ul{ padding:0 40px;}
.job_list li{ float:left; width:400px; min-height:400px;}
.job_list li h2{ font-weight:bold; font-size:18px; color:#f7af36;}
.job_list ul li div{ font-size:14px; font-family:"����";}
.job_list ul li div p{ font-weight:bold; margin:20px 0; font-family:"microsoft yahei"}
.job_list ul li.odd{ float:left;}
.job_list ul li.even{ float:right;}
.fuli{ margin-bottom:80px;}
.fuli ul{ width:110%;}
.fuli ul li{ float:left; width:170px; height:170px; border-radius:85px; overflow:hidden; margin-right:86px;}
.fuli ul li img{ width:170px; height:170px;}
.job_list h1,.fuli h1,.procudure h1,.treatment h1{ background:url(../images/zhiwei.jpg) no-repeat center 0; color:#333; text-align:center; height:68px; line-height:68px; margin-bottom:30px;}
.job_table{ background-color:#fff; color:#333}
.job_table th{ background-color:#e0bd79; color:#fff; height:66px; line-height:66px; font-weight:bold; text-align:center; font-size:18px;}
.job_table td{ text-align:center; border-bottom:1px solid #e0bd79; height:66px;}
.job_table td a{ color:red;}
.job_table tr td .part{ height:66px; overflow:hidden; text-align:left;}
.job_table tr td .details{ border:1px solid red; display:none; position:absolute; top:-66px; right:10px; background:#fff; box-shadow:0 0 10px red; padding:20px; z-index:99}
.pop {  display: none;  width: 600px; min-height:510px;  max-height: 750px;  height:510px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(100, 0, 0, .5);  }
.pop-top{  height:40px;  width:100%;  border-bottom: 1px #E5E5E5 solid;  }
.pop-top h2{  float: left;  display:black}
.pop-top span{  float: right;  cursor: pointer;  font-weight: bold; display:black}
.pop-foot{  height:50px;  line-height:50px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;  }
.pop-cancel{  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
.pop-content{  height: 380px;}
.pop-content-right{ width:100%; padding-top:20px;    font-size: 14px;  line-height:24px; text-align:left;  }
.bgPop{  display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.8);  }
.procudure{ margin-bottom:60px;}
.procudure h1{background-image:url(../images/lc.jpg);}
.fuli h1{ background-image:url(../images/fl.png);}
.treatment .treatment_con{ width:650px; margin:0 auto; color:#e0bd79; line-height:40px;}
.treatment .treatment_con h2{ font-weight:bold; color:#fff;}
.treatment h1{ background-image:url(../images/tdfs.jpg);}
/*  ������Դend */

/*  ��վ��ͼ  */
.wzmap{width:1200px; margin:0 auto; overflow:hidden; font-size:14px;}
.wzmap span{width:190px; display:block; float:right; overflow:hidden; padding-top:20px;}
.wzmap span a{ width:90px; height:30px; line-height:30px; border:1px solid #ddd; background-color:#f7f7f7; text-align:center; float:left; margin-left:3px;}
.wzmap span a:hover{color:#ec6700;transition: all 0.5s;}
.za-wzdt{ margin:10px auto 80px auto; padding:30px; border:4px solid #cccccc;}
.za-wzdtcon{ width:100%; height:auto; margin-bottom:10px;}
.zabt{ height:30px; line-height:30px; font-size:15px; font-weight:bold; padding-bottom:5px; color:#555;}
.zabtcon{ border:1px solid #ddd; padding:5px 20px;}
.zabtcon a{ display:block; width:156px; float:left; height:30px; line-height:30px;color: #666;}
.zabtcon a:hover{ color:#ec6700;transition: all 0.5s;}
/*  ��վ��ͼend */



/*  �������� */
.suspension{position:fixed;z-index:55;right:0;top:300px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:55px;height:55px;background-color:#f7af36;margin-bottom:4px;cursor:pointer;outline:none;margin-top: 5px;    margin-left: 7px;}
.suspension .a.active,
.suspension .a:hover{background:#fdca73;}
.suspension .a .i{float:left;width:55px;height:55px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:20px;margin-left:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:20px;margin-left:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-38px 6px;}
.suspension .a-cart .i{background-position:-82px 4px;}
.suspension .a-top .i{background-position:-128px 6px;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px; margin:0; margin-left:12px; color:#333;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","PingFang SC",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*  ��������end */

.ban_zt1{ background:url(../images/ban_zt1.jpg) no-repeat center 0px;}
.ban_zt2{ background:url(../images/ban_zt2.jpg) no-repeat center 0px;}